﻿<!DOCTYPE html>
<html>
<!--读取CSV中的数据-->
<!--未完成，待完成实现-->
<head lang="en">
    <meta charset="UTF-8">
    <title>压力容器数据分析</title>
    <!--通用CSS样式引入-->
    <link rel="stylesheet" href="css/public.css"/>
    <!-- CSS样式引入-->
    <link rel="stylesheet" href="css/style-index.css"/>
    <!--SS样式引入-->
    <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css"/>
    <!--jQuery库引入-->
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <!--基于1920分辨率适应 JS引入-->
    <!-- <script type="text/javascript" src="js/type1920.js"></script> -->
    <!-- JS引入-->
    <script type="text/javascript" src="js/jc.js"></script>
    <script type="text/javascript" src="js/highlights.js"></script>
    <script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <!-- JS引入及json数据-->
    <script type="text/javascript" src="js/matrix.js"></script>
    <script type="text/javascript" src="data/hotinfo-data.json"></script>
    <!--图标插件-->
    <script src="js/echarts.min.js"></script>
</head>
<body>


        <script>
            $.ajax({
                url: '\\报告数据-规整\\报告数据报告数据\\容器种类检验合格情况.csv',
                dataType: 'text',
            }).done(successFunction);

            function successFunction(data) {
                var allRows = data.split(/\r?\n|\r/);
                var table = '<table>';
                for (var singleRow = 0; singleRow < allRows.length; singleRow++) {
                    if (singleRow === 0) {
                        table += '<thead>';
                        table += '<tr>';
                    } else {
                        table += '<tr>';
                    }
                    var rowCells = allRows[singleRow].split(',');
                    for (var rowCell = 0; rowCell < rowCells.length; rowCell++) {
                        if (singleRow === 0) {
                            table += '<th>';
                            table += rowCells[rowCell];
                            table += '</th>';
                        } else {
                            table += '<td>';
                            table += rowCells[rowCell];
                            table += '</td>';
                        }
                    }
                    if (singleRow === 0) {
                        table += '</tr>';
                        table += '</thead>';
                        table += '<tbody>';
                    } else {
                        table += '</tr>';
                    }
                }
                table += '</tbody>';
                table += '</table>';
                $('body').append(table);
            }
        </script>
    </div>
</body>
</html>
